﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Teenage Mutant Ninja Turtles</title>
    <link href="Content/bootstrap.css" rel="stylesheet" />
    <link href="Content/font-awesome.css" rel="stylesheet" />
</head>
<body>
    <div style="text-align: center">
        <h1>Teenage Mutant Ninja Turtles</h1>
        <input type="text" id="name" class="input-sm" placeholder="Name" />
        <input type="text" id="weapon" class="input-sm" placeholder="Weapon" />
        <input type="text" id="picture" class="input-sm" placeholder="Picture" />
        <select id="species" class="input-sm">
            <option selected="selected" value="Turtle">Turtle</option>
            <option value="Human">Human</option>
            <option value="Rat">Rat</option>
            <option value="Other">Other</option>
        </select>
        <button onclick="tmnt.myAdd()" class="btn btn-success">Add Character</button>
        <!--<button onclick="tmnt.turtlesUp()" class="btn btn-default">Turtles to the top!</button> button to sort turtles to top, decided not to use and placed function inside drawtable instead to automatically sort-->
    </div>

    <table class="table" id="one">

    </table>
    <script src="Scripts/jquery-1.9.0.js"></script>
    <script src="Scripts/bootstrap.js"></script>
    <script src="_script.js"></script>
</body>
</html>
